<template>
  <div class="foot-container">
    <div class="footer">
      <div>
        <span :style="{ color: textColor }">{{ copyRight }}</span>
      </div>
      <div v-if="!license.de_copy">
        <a :href="gitURL" target="_blank" :style="{ color: textColor }">
          {{ title }}
          <!-- -
          {{ version }} -->
        </a>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { showMessageError } from "@/utils/dialog";

const title = ref("");
const version = ref(import.meta.env.VITE_APP_VERSION);
const gitURL = ref(import.meta.env.VITE_APP_GIT_URL);
const copyRight = ref("");
const license = ref({});
const props = defineProps({
  textColor: {
    type: String,
    default: "#ffffff",
  },
});

</script>

<style scoped lang="stylus">
.foot-container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display flex;
  justify-content center

  .footer {
    max-width 400px;
    text-align center;
    font-size 14px;
    padding 20px;
    width 100%

    a {
      &:hover {
        text-decoration underline
      }
    }
  }
}
</style>
